<template>
  <li>
    <i v-if="!on" class="iconfont icon-activity"></i>
    <i v-else class="iconfont icon-activity_fill"></i>
    <p>学习</p>
  </li>
</template>

<script>
  export default {
    name: "study",
    data() {
      return {
        on: false
      }
    },
    mounted() {
      this.on = this.$el.className ? true : false
    }
  }
</script>
